@charset "utf-8";
/* CSS Document */




/*********** header ***********/
header { position: relative; z-index: 999; }
header.header-fixed {  }


/* header-phone */
.header-phone-more,
.header-phone-close { display: none; }


/* header-phone */
header { background-color: #fff; padding: 6px 0; box-shadow: 0 3px 6px rgba(0,0,0,.2); }
.header { align-items: center; }

.header-logo a { height: 88px; display: block; }
.header-logo a img { height: 100%; display: block; }


.language { display: none; }
.language dl { display: inline-block; vertical-align: top; position: relative; z-index: 990; cursor: pointer; border-radius: 100px; background-color: #3e9956;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
}
.language dt { height: 36px; line-height: 36px; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; width: 24px; padding: 0 24px 0 16px; }
.language dt a { display: block; position: relative; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; }
.language dd { position: absolute; top: 100%; left: 0; right: 0; z-index: 990; background-color: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.3); margin-top: 4px; display: none; padding: 4px 0; text-align: center; border-radius: 10px }
.language dd a { display: block; padding: 6px 8px; font-size: 14px; line-height: 1em; }
.language dd a:hover { color: #FF477E; }
.language i { position: absolute; top: 0; right: 14px; z-index: -1; font-size: 12px; color: #fff; line-height: 36px; }
.language i:before { content: "\e732"; display: block; text-align: center;
	-webkit-transform: scale(.8); 
	-moz-transform: scale(.8); 
	-ms-transform: scale(.8); 
	-o-transform: scale(.8); 
	transform: scale(.8);
}
.language dl:hover { background-color: #131313;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease;  
}

.header-right { margin-left: auto; align-items: center; }

.header-nav { margin-right: 0; }
.header-nav a { display: inline-block; font-size: 16px; font-weight: 700; line-height: 1em; position: relative; }
.header-nav a:hover { color: #2c9753; }
.header-nav a.active { color: #2c9753; }
.header-nav a.active:after { content: ""; display: block; width: 16px; height: 2px; background-color: #2c9753; position: absolute; top: 100%; left: 2px; margin-top: 6px; }


.header-nav > ul { display: flex; }
.header-nav > ul > li { position: relative; margin-right: 20px; line-height: 1em; }
.header-nav > ul > li:last-child { margin-right: 0; }
.header-nav > ul > li i { font-size: 12px; zoom: .8; margin-left: 2px; margin-top: 4px; vertical-align: top; display: inline-block; }

.header-nav > ul > li .child-item { position: absolute; top: 100%; left: 0; z-index: 99; padding: 10px 0; background-color: #fff; box-shadow: 0 0 5px rgba(0 0 0 / 10%); opacity: 0; visibility: hidden; }
.header-nav > ul > li .child-item a { white-space: nowrap; display: block; padding: 8px 20px; font-size: 14px; }
.header-nav > ul > li:hover .child-item { opacity: 1; visibility: visible; }


/*********** footer ***********/
footer { /* position: fixed; */ bottom: 0; left: 0; right: 0; z-index: 99; background-color: #3e9956; /* box-shadow: 0 0 6px rgba(0,0,0,.2); */ padding: 5px 0; }

.roll-wrap { position: relative; width: 100%; height: 30px; overflow: hidden; }
.roll-wrap .roll__list { }
.roll_row .roll__list::before, 
.roll_row .roll__list::after { content: ""; display: table; line-height: 0; }
.roll_row .roll__list::after { clear: both; }
.roll_row .roll__list { width: 9999px; }
.roll_row .roll__list li { float: left; display: block; margin-right: 36px; height: 30px; white-space: nowrap; line-height: 30px; color: #fff; font-size: 15px; font-weight: 700; }
.roll_row .roll__list li img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; }

footer .copyright { font-size: 14px; color: #fff; line-height: 1em; padding: 8px 0; opacity: .8; }
.footer { display: none; }









/*********** banner ***********/
.home-banner .slide a { position: relative; display: block; }
.home-banner .slide a img { display: block; width: 100%; height: auto; }
.home-banner .slide a p { position: absolute; top: 50%; left: 50%; z-index: 2; font-size: 44px; color: #fff; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform:translate(-50%,-50%); 
	-ms-transform:translate(-50%,-50%); 
	transform: translate(-50%,-50%); 
}
.home-banner .slide a p span { display: block; font-size: 18px; color: #fff; line-height: 1.4em; margin-top: 20px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }



/* page-banner */
.page-banner-box { position: relative; }
.page-banner-box h1 { 
	font-size: 50px; font-weight: 700; line-height: 1em; position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);  
}
.page-banner-box img { width: 100%; height: 300px; display: block; object-fit: cover; object-position: center center; }



.crumbs2 { margin: 20px auto 50px; width: 1366px; }
.w1366 > .crumbs2 { width: 100% !important; }


.page_banner_box { display: none; }





/*********** 首頁 ***********/

/*  */
.directory { padding-bottom: 80px; margin-bottom: 80px; }
.directory-attribute li.active { color: #2c9753; }
.directory-title { font-size: 18px; font-weight: 700; line-height: 1em; margin-bottom: 14px; }

.directory-search { margin-bottom: 30px; }
.directory-search input { border: 1px solid #131313; border-radius: 6px; height: 50px; width: 70%; padding: 0 16px; box-sizing: border-box; }

.directory-content { flex-direction: row-reverse; }
.directory-content > div { box-sizing: border-box; }

.directory-sidebar { width: 30%; padding-left: 50px; }
.directory-sidebar ul { border-bottom: 1px solid #d1d1d1; padding-bottom: 15px; margin-bottom: 30px; }
.directory-sidebar ul:last-of-type { margin-bottom: 0; border: 0; }
.directory-sidebar ul li { margin-bottom: 10px; }
.directory-sidebar ul li a { display: block; min-width: 30px; padding: 0 10px; line-height: 30px; border-radius: 6px; border: 1px solid #dbdbdb; font-size: 13px; font-weight: 700; text-align: center; margin: 0 5px 5px 0; }
.directory-sidebar ul li a:hover { border-color: #131313; box-shadow: 0 3px 3px rgba(0,0,0,.2); }
.directory-sidebar a.active { background-color: #2c9753; border-color: #2c9753; color: #fff; }
.directory-sidebar a.active:hover { border-color: #2c9753; }

.directory-list { margin-right: auto; width: 70%; }
.directory-list table tr { width: 100%; border-bottom: 1px dashed #b9b9b9; padding: 16px 0; display: flex; justify-content: flex-end; }

.directory-list table td { width: 18%; font-size: 15px; font-weight: 700; padding: 0 16px; text-align: right; color: #666; }
.directory-list table td:first-child { width: 45%; text-align: left; color: #131313; }
.directory-list table td:nth-child(2) { width: 30%; }
.directory-list table td:last-child { width: 25%; }

.directory-list table td a { display: block; font-size: 15px; }  
.directory-list table td a:hover { color: #2c9753; }

.directory-list table thead tr:first-child { 
	border: 0; border-radius: 8px;
	background: -webkit-linear-gradient(left, #51BB6D, #B6E225);
    background: -moz-linear-gradient(left, #51BB6D, #B6E225);
    background: -o-linear-gradient(left, #51BB6D, #B6E225);
    background: linear-gradient(to right, #51BB6D, #B6E225); 
}
.directory-list table tr:first-child td { color: #131313; }







/*  */
.directory-company-top .btn-line { font-size: 14px; line-height: 34px; padding: 0 14px; margin-bottom: 30px; }
.directory-company-top .btn-line:before { font-weight: normal; }

.directory-company-top { margin-bottom: 50px; }  
.directory-company-top h1 { font-size: 20px; font-weight: 700; line-height: 1.2em; margin-bottom: 10px; }
.directory-company-top p { font-size: 16px; font-weight: 700; line-height: 1.6em; margin-bottom: 12px; }
.directory-company-top p span { font-size: 16px; font-weight: 700; margin-right: 10px; color: #999; }

.directory-company-img img { display: block; width: 100%; }

img.plan { width: 1366px; display: block; margin: 0 auto 50px; }